﻿<div id="pui_util_tree">
</div>
<script>
(function(){
	var dr=new Mui.util.DocsRender({
		renderTo:'pui_util_tree',
		data:{
			title:'Mui.util.Tree',
			superclass:'Mui.util.Panel',
			subclass:'Mui.util.AjaxTree',
			desc:'树形组件，继承自Pui.util.Panel，body内容区域为树',
			private:[{
				name:'__eventBus',
				desc:'对象的事件容器',
				type:'object',
				def:'{}'
			},{
				name:'__type',
				desc:'类型，用于对类进行描述',
				type:'string',
				def:'Tree'
			},{
				name:'__constructor',
				desc:'构造函数',
				type:'string',
				def:'Mui.util.Tree'
			},{
				name:'__nodesMap',
				desc:'节点的key/value映射关系，key为节点的_id；value为node',
				type:'object',
				def:'{}'
			}],
			public:[{
				name:'hasLine',
				desc:'是否有线条',
				type:'boolean',
				def:'true'
			},{
				name:'showRoot',
				desc:'是否显示根节点',
				type:'boolean',
				def:'true'
			},{
				name:'hasCheckBox',
				desc:'是否有确认框',
				type:'boolean',
				def:'true'
			},{
				name:'autoLoad',
				desc:'是否自动加载，即渲染后是否打开根节点',
				type:'boolean',
				def:'true'
			},{
				name:'animate',
				desc:'是否有打开(关闭)节点动画',
				type:'boolean',
				def:'true'
			},{
				name:'data',
				desc:'节点数据，[{value:\'1\',text:\'China\',children:[{value:\'1_1\',text:\'Shanghai\',isLeaf:true},{value:\'1_2\',text:\'Beijing\',isLeaf:true}]},{value:2,text:\'USA\',isLeaf:true}]',
				type:'array',
				def:'[]'
			},{
				name:'root',
				desc:'根节点',
				type:'object',
				def:'{value:\'\',text:\'root\',level:0}'
			}],
			fn:[
			{
				name:'renderBody(object mainEl)',
				desc:'重写父类的渲染方法',
				param:[{
					name:'mainEl',
					desc:'该组件继承自Panel组件，mainEl为渲染所有内容的容器'
				}]
			},
			{
				name:'getSelectedNodesEl()',
				desc:'获取所有选中节点的jQuery Dom的元素集合'
			},
			{
				name:'getParentNode(object node)',
				desc:'根据节点，获取该节点的父节点',
				param:[{
					name:'node',
					desc:'需要获取父节点的节点'
				}]
			},
			{
				name:'getBrotherNodes(object node)',
				desc:'根据节点，获取该节点的兄弟节点，包括自己',
				param:[{
					name:'node',
					desc:'需要获取兄弟节点的节点'
				}]
			},
			{
				name:'getNextNode(object node)',
				desc:'根据节点，获取节点的下一个兄弟节点，如果该节点是父节点的最后一个子节点，则返回undefined',
				param:[{
					name:'node',
					desc:'需要获取下一个兄弟节点的节点'
				}]
			},
			{
				name:'getPrevNode(object node)',
				desc:'根据节点，该节点的上一个兄弟节点，如果该节点是福节点的第一个子节点，则返回undefined',
				param:[{
					name:'node',
					desc:'需要获取上一个兄弟节点的节点'
				}]
			},
			{
				name:'getNodeById(string id)',
				desc:'根据id值，获取节点对象',
				param:[{
					name:'id',
					desc:'需要获取的节点的_id的属性值'
				}]
			},
			{
				name:'getNodeByEl(object el)',
				desc:'根据节点的jQuery Dom元素，获取节点的对象',
				param:[{
					name:'el',
					desc:'节点的jQuery Dom元素'
				}]
			},
			{
				name:'getNodeByValue(string value)',
				desc:'根据node的value值，获取节点，如果有多个value值相同的节点，这返回第一个匹配的节点',
				param:[{
					name:'value',
					desc:'节点的value值'
				}]
			},
			{
				name:'getNodeEl(object node)',
				desc:'根据节点的对象，获取表示节点的jQuery Dom元素',
				param:[{
					name:'value',
					desc:'节点的value值'
				}]
			},
			{
				name:'getNodeElById(string id)',
				desc:'根据节点的id值，获取表示节点的jQuery Dom元素',
				param:[{
					name:'id',
					desc:'节点对象的_id属性值'
				}]
			},
			{
				name:'getNodeChildrenEl(node node)',
				desc:'根据节点对象，获取渲染该节点子节点的容器',
				param:[{
					name:'node',
					desc:'节点的对象'
				}]
			},
			{
				name:'showNodeChildren(node node)',
				desc:'显示指定节点的子节点',
				param:[{
					name:'node',
					desc:'节点的对象'
				}]
			},
			{
				name:'hideNodeChildren(node node)',
				desc:'关闭指定节点的子节点',
				param:[{
					name:'node',
					desc:'节点的对象'
				}]
			},
			{
				name:'openNode(node node)',
				desc:'打开指定节点，设置相应的竖线、图标等样式，显示其子节点',
				param:[{
					name:'node',
					desc:'节点的对象'
				}]
			},
			{
				name:'closeNode(node node)',
				desc:'关闭指定节点，设置相应的竖线、突变等样式，隐藏其子节点',
				param:[{
					name:'node',
					desc:'节点的对象'
				}]
			}
			]
		}
	});
})();
</script>